﻿/*
 *   Project: SETCritters
 *   File: style.css
 *   Author: Ryan Pink
 *   Date Modified: November 19, 2013
 *   Description: 
 *       This stylesheet contains the sexy formatting information for the Hi-Lo game *ahem* I mean SETCritters controller.
 */

body {
    background: rgba(0,0,35,1);
    color: rgba(0,0,64,1);
    font-family: Cambria, 'Palatino Linotype', 'Book Antiqua', 'URW Palladio L', serif;
}


html, body {
  width:  100%;
  height: 100%;
  margin: 0px;
  overflow: hidden;
}


section {
    background: none;
    border: none;
}


table, tr, th, td {
    border: 0px;
    width: 100%;
    vertical-align: text-top;
}


#spacer {
    visibility: hidden;
    width: 240px;
    height: 160px;
}


#intro {
    visibility: visible;
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 20px;
}


#controls {
    /*visibility: hidden;*/
}


input[type="button"] {
    box-shadow: rgba(92,92,32,0.3) -2px -2px inset;
    border: 0px;
    background: url(btn.png) no-repeat rgba(92,128,172,0.8);
    color: white;
    padding: 4px 16px 4px 16px;
    margin-top: 10px;
    width: 240px;
    height: 160px;
}


input[type="color"] {
    width: 240px;
    height: 160px;
    border: 0px;
    background: none;
}


img.resource {
    visibility: hidden;
    float: left;
}


canvas {
    border: none;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
}


h1 {
    display: inline;
    color: white;
    font-size: 22px;
}


h2 {
    display: inline;
    color: rgba(220,240,250,1);
    font-size: 18px;
}


h3 {
    display: inline;
    color: rgba(64,64,92,1);
}